{extend name="index/index" /}
{block name="main"}
<div class="page-category">
    <div class="container-fluid mb-6">
        <div class="row">
            <div class="page-category-img img-response mask" style="background-image: url(/static/index/img/C-4.png)">
                <div id='listleft'>
                    <img alt="" src="" >
                    <div class="article-title mb-2">
                        {$list.name}
                    </div>
                    <div class="mb-1">
                         版主 :  管理员
                    </div>
                    <div class="page-category-description mb-2">
                        {$list.desc}
                    </div>
                </div>
                <div id='listright'>
                    <div class="mb-1">
                      关注 :  {$list.users}
                    </div>
                    <div class="mb-1">
                      话题 : {$list.posts}
                    </div>
                    <div class="page-category-title btn-line">
                        点击关注
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <main class="container">
        <div class="row">
            <div class="col-md-4 col-sm-6">
                <div class="post post-style-card">
                    <a class="post-img img-response gradient-mask" href="#" style="background-image: url(http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/assets/images/loading.gif)"
                    data-echo-background="/static/index/img/B-5.png">
                    </a>
                    <div class="post-top">
                        <div class="post-title">
                            <a href="#">
                                黑糖丨文章编辑器，同样的wordpress不一样的体验
                            </a>
                        </div>
                        <div class="post-top-meta mb-2">
                            <span class="post-tag">
                                <i class="fa fa-tag">
                                </i>
                                <a href='http://heitang.chuangzaoshi.com/?tag=ai'>
                                    AI智能
                                </a>
                            </span>
                            <span class="post-time">
                                2017.05.15
                            </span>
                        </div>
                    </div>
                    <div class="p-3">
                        <ul class="post-meta-bottom">
                            <li class="post-meta-author">
                                <a class="d-block" href="#" target="_blank">
                                    <img alt='' src='/static/index/img/avatar_user_1_1494903592-96x96.png'
                                    srcset='/static/index/img/avatar_user_1_1494903592-96x96.png 2x' class='avatar avatar-96 photo'
                                    height='96' width='96' />
                                    <span class="d-inline-block">
                                        geeker
                                    </span>
                                </a>
                            </li>
                            <li class="post-meta-view pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>15</b><br />
                            ">
                                <i class="czs-eye-l">
                                </i>
                                3640
                            </li>
                            <li class="post-meta-comments pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>18</b><br />
                            ">
                                <i class="czs-comment-l">
                                </i>
                                0
                            </li>
                            <li class="post-meta-like pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>21</b><br />
                            ">
                                <i class="czs-heart-l">
                                </i>
                                <span class="count">
                                    31
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="post post-style-card">
                    <a class="post-img img-response gradient-mask" href="#" style="background-image: url(http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/assets/images/loading.gif)"
                    data-echo-background="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/thumbnail_default.png">
                    </a>
                    <div class="post-top">
                        <div class="post-title">
                            <a href="#">
                                黑糖丨首页文章形式4+1种显示模式
                            </a>
                        </div>
                        <div class="post-top-meta mb-2">
                            <span class="post-tag">
                                <i class="fa fa-tag">
                                </i>
                                <a href='http://heitang.chuangzaoshi.com/?tag=ai'>
                                    AI智能
                                </a>
                            </span>
                            <span class="post-time">
                                2017.05.15
                            </span>
                        </div>
                    </div>
                    <div class="p-3">
                        <ul class="post-meta-bottom">
                            <li class="post-meta-author">
                                <a class="d-block" href="#" target="_blank">
                                    <img alt='' src='/static/index/img/avatar_user_1_1494903592-96x96.png'
                                    srcset='/static/index/img/avatar_user_1_1494903592-96x96.png 2x' class='avatar avatar-96 photo'
                                    height='96' width='96' />
                                    <span class="d-inline-block">
                                        geeker
                                    </span>
                                </a>
                            </li>
                            <li class="post-meta-view pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>15</b><br />
                            ">
                                <i class="czs-eye-l">
                                </i>
                                2186
                            </li>
                            <li class="post-meta-comments pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>18</b><br />
                            ">
                                <i class="czs-comment-l">
                                </i>
                                0
                            </li>
                            <li class="post-meta-like pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>21</b><br />
                            ">
                                <i class="czs-heart-l">
                                </i>
                                <span class="count">
                                    16
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="post post-style-card">
                    <a class="post-img img-response gradient-mask" href="#" style="background-image: url(http://heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/assets/images/loading.gif)"
                    data-echo-background="/static/index/img/B-7.png">
                    </a>
                    <div class="post-top">
                        <div class="post-title">
                            <a href="#">
                                黑糖丨黑糖主题网站所有汉字一秒变繁体！
                            </a>
                        </div>
                        <div class="post-top-meta mb-2">
                            <span class="post-tag">
                                <i class="fa fa-tag">
                                </i>
                                <a href='http://heitang.chuangzaoshi.com/?tag=ai'>
                                    AI智能
                                </a>
                            </span>
                            <span class="post-time">
                                2017.05.15
                            </span>
                        </div>
                    </div>
                    <div class="p-3">
                        <ul class="post-meta-bottom">
                            <li class="post-meta-author">
                                <a class="d-block" href="#" target="_blank">
                                    <img alt='' src='/static/index/img/avatar_user_1_1494903592-96x96.png'
                                    srcset='/static/index/img/avatar_user_1_1494903592-96x96.png 2x' class='avatar avatar-96 photo'
                                    height='96' width='96' />
                                    <span class="d-inline-block">
                                        geeker
                                    </span>
                                </a>
                            </li>
                            <li class="post-meta-view pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>15</b><br />
                            ">
                                <i class="czs-eye-l">
                                </i>
                                3235
                            </li>
                            <li class="post-meta-comments pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>18</b><br />
                            ">
                                <i class="czs-comment-l">
                                </i>
                                2
                            </li>
                            <li class="post-meta-like pull-right <br />
                            <b>Warning</b>:  in_array() expects parameter 2 to be array, null given in <b>/www/wwwroot/heitang.chuangzaoshi.com/wp-content/themes/blackcandy-2.5/template-parts/post/meta-bottom.php</b> on line <b>21</b><br />
                            ">
                                <i class="czs-heart-l">
                                </i>
                                <span class="count">
                                    13
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>

{/block}
